li.pre a i {
    font-weight: 400;
    font-size  : 14px
}

li.next a,
li.pre a {
    background: 0;
    color     : #999
}

li.next a:hover,li.pre  a:hover {
    color     : #0da056;
    background: 0
}

.designer-main {
    width         : 1160px;
    margin        : 0 auto;
    padding-top   : 20px;
    padding-bottom: 60px
}

.designer-main .master {
    float     : left;
    margin-top: 20px;
    font-size : 14px;
    color     : #888
}

.designer-main .master a {
    color : #0da056;
    margin: 0 5px
}

.designer-top h1 {
    text-align : left;
    font-size  : 16px;
    font-weight: normal;
    color      : #555;
    margin-left: 31px
}

.designer-top h1 abbr a {
    color: #0da056
}

.designer-top h1 abbr a:hover {
    text-decoration: underline
}

.designer-top h1 span {
    float: right
}

.designer-top h1 span i {
    color      : #0da056;
    font-style : normal;
    font-weight: bold;
    margin     : 0 5px;
    font-size  : 20px
}

.designer-tip {
    margin-bottom: 20px;
    width        : 100%;
    background   : #fff;
    border       : solid 1px #e7e7e7;
    padding      : 10px 30px;
    margin-top   : 5px;
    box-sizing   : border-box;
    border-radius: 3px
}

.designer-tip a {
    text-decoration: none
}

.designer-tip a:hover {
    color: #0da056
}

.designer-tip ul li {
    font-size: 14px
}

.designer-tip ul li span {
    color: #999
}

.designer-tip .tip-list select {
    border-color      : transparent;
    padding           : 0 10px;
    height            : 30px;
    appearance        : none;
    -moz-appearance   : none;
    -webkit-appearance: none;
    background        : url(/img/down.png) no-repeat scroll right center transparent;
    padding-right     : 14px
}

.designer-tip .tip-list select::-ms-expand {
    display: none
}

.designer-tip .tip-list label.cmore {
    margin-top: -7px
}

.joblist-left .designer-top .designer-tip ul li:last-child {
    margin-bottom: 0
}

.more-icon {
    border: 0
}

.more-pic {
    position   : relative;
    top        : -10px;
    margin-left: 1017px;
    width      : 10px
}

.tip-list {
    position: relative;
    margin  : 20px 0;
    position: relative;
    padding-left: 60px;
}

.tip-list::before{
    content:attr(data-title);
    color: #999;
    position: absolute;
    left: 0;
    line-height: 30px;

}
.tip-list a {
    display:inline-block; 
    color     : #444;
    margin    : 0 0 10px 15px;
    padding   : 5px 10px;
    box-sizing: border-box;
    font-size : 14px !important
}

.tip-list01 {
    margin    : 0 0 0 11px;
    box-sizing: border-box;
    padding   : 5px 10px;
    font-size : 14px !important
}

.tip-list a:hover {
    background   : #0da056;
    color        : #fff;
    border-radius: 2px
}

a.designer-active {
    background   : #0da056;
    color        : #fff !important;
    border-radius: 2px
}

.designer-info {
    background   : #fff;
    border       : solid 1px #e7e7e7;
    padding      : 30px;
    box-sizing   : border-box;
    margin-bottom: 20px
}

.designer-left {
    width: 880px;
    float: left
}

.designer-right {
    width: 182px;
    float: right
}

.designer-pic {
    float: left
}

.designer-txt {
    width : 800px;
    float : right;
    height: 60px
}

.name a {
    text-decoration: none;
    font-size      : 16px;
    color          : #444;
    margin-right   : 32px
}

.name a:hover {
    text-decoration: underline !important
}

.name i {
    font-size: 16px;
    color    : #f60;
    position : relative;
    top      : 2px
}

.designer-txt h1 {
    font-size  : 14px;
    font-weight: normal;
    color      : #999;
    margin-top : 12px
}

.designer-txt h1 span {
    margin-right: 65px
}

.designer-right a {
    width       : 90px;
    height      : 42px;
    display     : block;
    font-size   : 14px;
    float       : right;
    text-align  : center;
    line-height : 42px;
    background  : #ccc;
    color       : #858585;
    border-right: 1px solid #bfbfbf
}

.designer-right a:hover {
    text-decoration: none
}

.job {
    background: #f60 !important;
    color     : #fff !important;
    border    : none !important
}

.jd {
    background: #0da056 !important;
    color     : #fff !important;
    border    : none !important
}

.job: hover,
.jd : hover {
    color          : #fff;
    text-decoration: none
}

.designer-line {
    height    : 1px;
    background: #d9d9d9;
    margin    : 30px 0
}

.joblist-left {
    width : 960px;
    margin: 0 auto
}

.joblist-left .area li dl {
    width: 840px !important
}

.joblist-left .more-pic {
    margin-left: 750px !important
}

.joblist-left .menu1 {
    width: 800px !important;
    left : 126px !important
}

.joblist-left .area li dl {
    margin-left: -505px !important
}

.job-ser {
    margin-bottom: 30px;
    margin-top   : 18px
}

.job-ser .ser-input {
    width: 820px
}

.job-ser .ser-input input {
    width        : 820px;
    border-radius: 3px 0 0 3px
}

.hyly-more {
    margin-left: 127px
}

.hyly-more a {
    color     : #444;
    margin    : 0 0 0 15px;
    padding   : 5px 10px;
    display   : inline-block;
    box-sizing: border-box;
    font-size : 14px !important
}

.joblist-info li {
    padding      : 20px 20px;
    border       : solid 1px #e7e7e7;
    background   : #fff;
    margin-bottom: 15px;
    border-radius: 3px
}

.joblist-txt {
    width: 40%;
    float: left
}

.joblist-pic {
    width: 60%;
    float: right
}

.joblist-txt h1,
.joblist-conpy h1 {
    font-size    : 18px;
    font-weight  : normal;
    line-height  : 24px;
    margin-bottom: 10px
}

.joblist-txt h1 a,
.joblist-conpy h1 a {
    color          : #555;
    text-decoration: none;
    font-weight    : bold
}

.joblist-txt   h1 a: hover,
.joblist-conpy h1 a: hover {
    text-decoration: underline;
    color          : #444
}

.joblist-txt h1 span {
    font-size    : 10px !important;
    background   : #f70;
    color        : #fff;
    border-radius: 2px;
    display      : inline-block;
    padding      : 2px 3px;
    line-height  : 14px;
    position     : relative;
    top          : -2px
}

.joblist-txt p {
    color        : #f70;
    font-weight  : bold;
    font-size    : 16px;
    margin-bottom: 15px;
    padding-top  : 5px
}

.joblist-txt p span {
    color      : #999;
    font-weight: normal;
    margin-left: 30px;
    font-size  : 14px
}

.joblist-txt time {
    font-size: 14px;
    color    : #999
}

.joblist-conpy {
    width: 310px;
    float: left
}

.joblist-img {
    width: 120px;
    float: right
}

.joblist-img img {
    border: solid 1px #e7e7e7
}

.joblist-conpy p {
    font-size    : 14px;
    color        : #999;
    margin-bottom: 10px
}

.joblist-conpy h2 i {
    font-style           : normal;
    font-size            : 12px;
    font-weight          : normal;
    color                : #888;
    background           : #eee;
    padding              : 4px 8px;
    margin-right         : 10px;
    -webkit-border-radius: 3px
}

.ad {
    margin-bottom: 15px
}

.ad img {
    width        : 210px;
    height       : 110px;
    border-radius: 3px
}

.ser-input {
    width: 820px;
    float: left
}

.ser-input input {
    width       : 820px;
    border      : 0;
    background  : #fff;
    height      : 50px;
    padding-left: 15px;
    box-sizing  : border-box;
    font-size   : 16px;
    color       : #444;
    border      : #e7e7e7 solid 1px
}

.ser-btn {
    width      : 140px;
    height     : 50px;
    float      : right;
    background : #0da056;
    color      : #fff;
    text-align : center;
    line-height: 50px;
    display    : block;
    font-size  : 16px;
    border     : 0
}

.job-main {
    width      : 1160px;
    margin     : 0 auto;
    padding-top: 20px
}

.job-left {
    width        : 810px;
    float        : left;
    margin-bottom: 30px
}

.job-left-box {
    border            : solid 1px #e7e7e7;
    background        : #fff;
    padding           : 25px;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box
}

.jl {
    height       : 40px;
    line-height  : 60px;
    background   : #f9f9f9;
    margin-top   : 5px;
    margin-bottom: 20px;
    text-align   : center;
    font-size    : 14px;
    color        : #666
}

.jl b {
    color    : #666;
    font-size: 15px;
    margin   : 0 2px
}

.jl b b {
    font-weight: normal;
    color      : #999;
    font-size  : 14px
}

.jl a {
    color: #444
}

.job-right {
    width        : 330px;
    float        : right;
    margin-bottom: 50px
}

.job-top-left {
    width: 620px;
    float: left
}

.job-top-right {
    text-align: center;
    margin-top: 20px
}

.job-left-tip {
    width      : 34px;
    float      : left;
    margin-left: -42px
}

.job-tit {
    float             : left;
    background        : #0da056;
    height            : 90px;
    margin-left       : -10px;
    padding           : 20px 20px 10px 0;
    color             : #fff;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    border-radius     : 0 5px 5px 0
}

.job-xzdy {
    margin: 25px 0 10px -20px
}

.job-tit h1 {
    font-size  : 20px;
    font-weight: bold
}

.job-tit h1 em,
.job-list em {
    font-style  : normal;
    font-weight : normal;
    font-variant: normal
}

.job-tit p {
    font-size: 16px
}

.job-top-right {
    border: 10px solid rgba(255, 255, 255, 0.7)
}

.job-top-right a {
    width        : 130px;
    height       : 50px;
    border-radius: 3px;
    text-align   : center;
    line-height  : 50px;
    color        : #fff;
    background   : #0da056;
    display      : inline-block;
    font-size    : 18px
}

.job-top-right a: hover {
    text-decoration: none
}

.job-top p {
    font-size: 14px;
    color    : #ccc
}

.job-top p span {
    color : #444;
    margin: 0 20px
}

.job-top p span b {
    font-size: 20px;
    color    : #f80
}

.job-top time {
    font-size: 12px;
    color    : #999;
    position : relative;
    top      : 10px
}

.job-info h1 {
    font-size     : 17px;
    font-weight   : normal;
    color         : #999;
    border-bottom : solid 1px #e7e7e7;
    line-height   : 30px;
    margin-top    : 40px;
    padding-bottom: 10px
}

.job-info h1 i {
    width       : 3px;
    background  : #999;
    height      : 20px;
    display     : block;
    float       : left;
    position    : relative;
    top         : 5px;
    margin-right: 10px
}

.job-txt {
    padding: 20px 10px
}

.job-txt pre {
    line-height: 2.0em;
    font-size  : 16px;
    color      : #444;
    font-family: Arial, Helvetica, 'Microsoft YaHei', 'Helvetica Neue', sans-serif !important
}

.job-conpy {
    padding           : 20px;
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing     : border-box;
    background        : #fff;
    border            : solid 1px #e7e7e7
}

.job-conpy h1 {
    font-size  : 17px;
    font-weight: normal;
    color      : #999;
    line-height: 30px
}

.job-conpy h1 i {
    width       : 3px;
    background  : #999;
    height      : 20px;
    display     : block;
    float       : left;
    position    : relative;
    top         : 5px;
    margin-right: 10px
}

.job-conpy-pic {
    margin-top: 20px
}

img.conpy-pic {
    width : 98px;
    height: 98px;
    border: solid 1px #e7e7e7
}

.conpy-name {
    text-align: center
}

.conpy-name h2 {
    font-size  : 17px;
    font-weight: normal
}

.conpy-name h2 a {
    color      : #444;
    font-weight: bold
}

.conpy-name h2 a: hover {
    text-decoration: none;
    color          : #0da056
}

.conpy-name p {
    font-size  : 16px;
    color      : #f60;
    line-height: 20px;
    margin-top : 10px
}

.conpy-name p i {
    margin-right: 5px;
    position    : relative;
    top         : 3px
}

.conpy-name p i img {
    width : 20px;
    height: 20px;
    border: 0
}

.conpy-list {
    margin-top: 30px
}

.conpy-list li {
    font-size  : 14px;
    color      : #444;
    line-height: 24px;
    margin     : 5px 0
}

.conpy-list li span {
    color       : #999;
    margin-right: 10px
}

.xs-joblist {
    margin-top: 25px
}

.xs-joblist li {
    border-bottom : solid 1px #e7e7e7;
    padding-bottom: 13px;
    margin-top    : 20px
}

.xs-pic {
    width: 58px;
    float: left
}

.xs-pic img {
    width : 58px;
    height: 58px;
    border: solid 1px #e7e7e7
}

.xs-txt {
    width: 230px;
    float: right
}

.xs-txt p {
    text-align: left;
    color     : #444
}

.xs-txt p a {
    color: #444
}

.xs-txt p span {
    float: right;
    color: #999
}

.xs-txt p a span {
    float        : none;
    background   : #0da056;
    color        : #fff;
    position     : relative;
    top          : -2px;
    left         : 5px;
    line-height  : normal;
    font-size    : 10px !important;
    padding      : 2px 3px;
    border-radius: 2px;
    display      : inline-block
}

.xs-txt h3 {
    font-size  : 14px;
    color      : #f80;
    font-weight: bold
}

.xs-txt h2 {
    font-size  : 14px;
    font-weight: normal;
    color      : #999
}

.xs-joblist h4 {
    font-size  : 14px;
    text-align : center;
    font-weight: normal;
    padding    : 30px 0 10px 0
}

.xs-joblist h4 a {
    color: #444
}

li.conpy-map {
    margin-top: 20px
}

.company-box {
    background        : #fff;
    border            : solid 1px #e7e7e7;
    padding           : 30px 0 20px 0;
    box-sizing        : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -o-box-sizing     : border-box;
    margin-bottom     : 50px
}

.company-infobox {
    padding: 0 20px
}

.company-info h1 {
    font-size  : 17px;
    font-weight: normal;
    color      : #999;
    line-height: 30px
}

.company-info h1 i {
    width       : 3px;
    background  : #999;
    height      : 20px;
    display     : block;
    float       : left;
    position    : relative;
    top         : 5px;
    margin-right: 10px
}

.company-infobox pre {
    margin     : 25px 0;
    line-height: 32px;
    color      : #444;
    background : 0;
    font-family: Arial, Helvetica, 'Microsoft YaHei', 'Helvetica Neue', sans-serif !important;
    font-size  : 16px
}

.company-infobox ul {
    margin-top: 10px
}

.company-infobox li {
    border-top : solid 1px #e7e7e7;
    margin     : 35px 0;
    padding-top: 14px
}

.company-infobox li: first-child {
    margin-top: 20px
}

.company-infobox li: last-child {
    margin-bottom: 10px
}

.company-infobox li h1 {
    font-size  : 18px;
    font-weight: normal;
    text-align : left;
    color      : #999;
    padding    : 15px 0
}

.company-infobox li h1 span {
    float    : right;
    font-size: 14px
}

.company-infobox li h1 a {
    color      : #0da056;
    font-weight: bold
}

.tab-content .designerMain-works .designerMain-info {
    border: none !important
}

.job-list p {
    font-size: 14px;
    color    : #ccc;
    margin   : 0 0 0 -20px
}

.job-list p span {
    color : #444;
    margin: 0 20px
}

.job-list p span b {
    font-size: 16px;
    color    : #f80
}

.job-list em {
    position: relative;
    top     : -2px
}

.job-list .green {
    font-size    : 10px;
    padding      : 2px 3px;
    background   : #0da056;
    color        : #fff;
    border-radius: 2px
}

.job-list .red {
    font-size    : 10px;
    padding      : 2px 3px;
    background   : #eee;
    color        : #999;
    border-radius: 2px
}

.fix-right-v2 {
    position  : fixed;
    right     : 20px;
    bottom    : 100px;
    width     : 38px;
    height    : 38px;
    background: #fff;
    z-index   : 1001
}

.fix-right-v2 table {
    width : 100%;
    height: 100%
}

.fix-right-v2 table,
.fix-right-v2 td {
    margin         : 0;
    padding        : 0;
    border         : 0;
    border-spacing : 0;
    border-collapse: collapse;
    height         : 38px
}

.fix-right-v2 a {
    display         : block;
    width           : 38px;
    font-size       : 0;
    background-image: url("../images/sidebar_spriteV2.png");
    overflow        : hidden;
    cursor          : pointer
}

.fix-right-v2 li {
    position: relative
}

.fix-right-v2 li span {
    position          : absolute;
    right             : 58px;
    top               : 0;
    visibility        : hidden;
    padding           : 0 14px;
    opacity           : 0;
    color             : #fff;
    font-size         : 12px;
    background        : #0da056;
    transition        : .3s all ease-in;
    -webkit-transition: .3s all ease-in;
    -moz-transition   : .3s all ease-in;
    -o-transition     : .3s all ease-in;
    white-space       : nowrap
}

.fix-right-v2 li:hover span {
    right     : 38px;
    opacity   : 1;
    visibility: visible
}

.fix-right-v2 li span i {
    position    : absolute;
    right       : 0;
    top         : 50%;
    width       : 0;
    height      : 0;
    margin      : -5px -10px 0 0;
    font-size   : 0;
    border      : 5px solid;
    border-color: transparent transparent transparent #0da056;
    overflow    : hidden
}

.fix-right-v2 li .popup-qr {
    top       : -30px;
    padding   : 8px;
    background: #fff
}

.fix-right-v2 li .popup-qr i {
    border-color: transparent transparent transparent #fff
}

.fix-right-v2 li .popup-qr .qr-title {
    display    : block;
    padding-top: 8px;
    color      : #000;
    line-height: 12px;
    font-size  : 12px
}

.fix-right-v2 .ask a,
.fix-right-v2 .ask span {
    height     : 50px;
    line-height: 50px
}

.fix-right-v2 .ask a {
    background-position: -38px -38px
}

.fix-right-v2 .ask:hover a {
    background-position: 0 -38px
}

.fix-right-v2 .download a {
    height             : 38px;
    background-position: -38px -176px
}

.fix-right-v2 .download:hover a {
    background-position: 0 -176px
}

.fix-right-v2 .feedback a,
.fix-right-v2 .feedback span {
    height     : 38px;
    line-height: 38px
}

.fix-right-v2 .feedback a {
    background-position: -38px -252px
}

.fix-right-v2 .feedback:hover a {
    background-position: 0 -252px
}

.fix-right-v2 .gotop {
    position: absolute;
    bottom  : 38px
}

.fix-right-v2 .gotop a,
.fix-right-v2 .gotop span {
    height     : 38px;
    line-height: 38px
}

.fix-right-v2 .gotop a {
    background-position: -38px -290px
}

.fix-right-v2 .gotop:hover a {
    background-position: 0 -290px
}

.fix-right-v2 .sidebar-line {
    width     : 19px;
    height    : 1px;
    margin    : 7px auto;
    background: #ccc
}